<!DOCTYPE html>
<html lang="zh" xmlns="http://www.w3.org/1999/html">

<head>
    <meta charset="utf-8">
    <title>yibo</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    <!-- Google Web Fonts -->

    <!-- Icon Font Stylesheet -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>

    <!-- Libraries Stylesheet -->
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link rel="stylesheet" href="css/tap.css">
    <link rel="stylesheet" href="/css/bootstrap-icons-1.10.0/bootstrap-icons.css">
    <script src="/js/jquery.min.js"></script>
    <style>
        @media (min-width: 1200px) {
            .swiper .carousel-control-prev {
                left: 50px;
            }

            .swiper .carousel-control-next {
                right: 50px;
            }
        }
        @media (max-width: 996px) {
            .avatar-main {
                width: 50%;
                margin: 0 auto;
            }
        }
    </style>
</head>

<body>

<!-- Spinner Start -->
<div id="spinner"
     class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
    <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
        <span class="sr-only">Loading...</span>
    </div>
</div>
<!-- Spinner End -->

<div id="header" class="sticky-top"></div>
<script>
    $('#header').load('/components/header.html')
</script>

<!-- Carousel Start -->
<div class="header-carousel swiper">
    <div id="carouselId" class="carousel slide" data-bs-ride="carousel" data-bs-interval="false">
        <ol class="carousel-indicators">
            <li data-bs-target="#carouselId" data-bs-slide-to="0" class="active" aria-current="true"
                aria-label="First slide"></li>
            <li data-bs-target="#carouselId" data-bs-slide-to="1" aria-label="Second slide"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
            <div class="carousel-item active">
                <img src="static/index/banner.jpg" class="img-fluid w-100" alt="First slide"/>
                <div class="carousel-caption">
                    <div class="container py-4">
                        <div class="row m-5 g-5">
                            <div class="col justify-content-start ms-xl-5 d-lg-flex fadeInRight animated"
                                 data-animation="fadeInRight" data-delay="0.5s" style="animation-delay: 0.5s;">
                                <div class="text-start">
                                    <h2 class="display-6 text-white">中国产业科技化的生态枢纽<br/>科技创新引领者的首选伙伴
                                    </h2>
                                    <p class="fs-4 pt-2">The Sustainable Tech-driven Enterprise Influencers</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <img src="static/index/banner.jpg" class="img-fluid w-100" alt="First slide"/>
                <div class="carousel-caption">
                    <div class="container py-4">
                        <div class="row m-5 g-5">
                            <div class="col justify-content-start ms-xl-5 d-lg-flex fadeInRight animated"
                                 data-animation="fadeInRight" data-delay="0.5s" style="animation-delay: 0.5s;">
                                <div class="text-start">
                                    <h2 class="display-6 text-white">中国产业科技化的生态枢纽<br/>科技创新引领者的首选伙伴
                                    </h2>
                                    <p class="fs-4 pt-2">The Sustainable Tech-driven Enterprise Influencers</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <a class="carousel-control-prev" data-bs-target="#carouselId" role="button" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden"></span>
        </a>
        <a class="carousel-control-next" data-bs-target="#carouselId" role="button" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden"></span>
        </a>
    </div>
</div>
<!-- Carousel End -->
<div class="bg-white" style="height: 50px"></div>
<!-- 关于 -->
<div class="bg-scyx container-fluid overflow-hidden about py-5">
    <div class="container bg100 py-5 h-100">
        <div class="row">
            <div class="col wow fadeInLeft" data-wow-delay="0.2s">
                <div class="row g-0 wow fadeInDown" data-wow-delay="0.1s">
                    <div class="col-xl-6 col">
                        <div class="row">
                            <div class="col-xl-2 about-text me-xl-5 d-flex flex-xl-row flex-column">
                                    <span class="text-mode">
                                        为中国产业科技化连接资源、创造价值
                                    </span>
                                    <span class="text-title position-relative pt-xl-2 pb-xl-0 py-2 ps-xl-0 ps-2">
                                        使命
                                    </span>
                            </div>
                            <div class="col-xl-2 about-text me-xl-5 d-flex flex-xl-row flex-column">
                                    <span class="text-mode">
                                        中国产业科技化的生态枢纽，科技创新引领者的首选伙伴
                                    </span>
                                    <span class="text-title position-relative pt-xl-2 pb-xl-0 py-2 ps-xl-0 ps-2">
                                        愿景
                                    </span>
                            </div>
                            <div class="col-xl-2 about-text me-xl-5 d-flex flex-xl-row flex-column">
                                    <span class="text-mode">
                                        客户第一、专业立场、长期导向、集体作战、主动担当、立己达人
                                    </span>
                                    <span class="text-title position-relative pt-xl-2 pb-xl-0 py-2 ps-xl-0 ps-2">
                                        文化与理念
                                    </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col d-flex align-items-center">
                        <div class="row g-4">
                            <div class="col-xl-6 text-center">
                                <div class="blue-color about-num fs-5">300 <span class="fs-6">+家</span></div>
                                <div class="blue-color">企业完成私募融资</div>
                            </div>
                            <div class="col-xl-6 text-center">
                                <div class="blue-color about-num fs-5">300 <span class="fs-6">+家</span></div>
                                <div class="blue-color">企业完成私募融资</div>
                            </div>
                            <div class="col-xl-6 text-center">
                                <div class="blue-color about-num fs-5">300 <span class="fs-6">+家</span></div>
                                <div class="blue-color">企业完成私募融资</div>
                            </div>
                            <div class="col-xl-6 text-center">
                                <div class="blue-color about-num fs-5">300 <span class="fs-6">+家</span></div>
                                <div class="blue-color">企业完成私募融资</div>
                            </div>
                            <div class="col-xl-6 text-center">
                                <div class="blue-color about-num fs-5">300 <span class="fs-6">+家</span></div>
                                <div class="blue-color">企业完成私募融资</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 关于 End -->


<!-- 客户 -->
<div class="bg-kehu container-fluid py-5">
    <div class="container py-5">
        <!-- 标题 -->
        <div class="pb-5 wow fadeInUp text-center" data-wow-delay="0.1s">
            <span class="part-title fs-5 text-white">义柏客户</span>
            <div class="text-white fs-6 mx-xl-5 mx-3 px-xl-5">
                义柏坚持长期目标以创造产业价值为导向，资本和人才超配加持，深度链接新需求与新供给两端，打造以义柏为枢纽的全新科技服务生态圈，全方位为科技创业者提供专业服务，成为科技创业者们可信赖的“贴身参谋部”与“外部合伙人”。
            </div>
        </div>
        <!-- 标题 End -->
        <div class="row mt-5 wow fadeInUp" data-wow-delay="0.1s">
            <div class="kehu-item d-none px-0 col position-relative">
                <div class="row">
                    <div class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                    <div class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                    <div class="last flex-fill block block-bg d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="kehu-item d-none px-0 col position-relative">
                <div class="row">
                    <div class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                    <div class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                    <div class="last flex-fill block block-bg d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="kehu-item d-none px-0 col position-relative">
                <div class="row">
                    <div class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                    <div class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                    <div class="last flex-fill block block-bg d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="kehu-item d-none px-0 col position-relative">
                <div class="row">
                    <div class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                    <div class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                    <div class="last flex-fill block block-bg d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="kehu-item d-none px-0 col position-relative">
                <div class="row">
                    <div class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                    <div class="block block-bg flex-fill d-flex align-items-center justify-content-center">
                        <a href="#" class="block-hover"></a>
                        <div class="block-img">
                            <img class="img-fluid" src="/static/index/apicloud-w.png" alt="">
                            <img class="img-fluid d-none" src="/static/index/apicloud.png" alt="">
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- 客户 End -->


<!-- 团队 -->
<div class="bg-team container-fluid py-5">
    <div class="container py-xl-5">
        <!-- 标题 -->
        <div class="pb-5 wow fadeInUp text-center" data-wow-delay="0.1s">
            <span class="part-title fs-5 text-dark">义柏团队</span>
            <div class="text-dark fs-6 mx-xl-5 px-xl-5">
                义柏资本团队组成高度多元化，来⾃北京大学、清华大学、哈佛大学、麻省理工学院、伦敦政治经济学院等国内外知名⾼校。搭建了一支能够高效协同且具备业内一流水准和复合经验的核心团队，其经验横跨战略咨询、资本运作、产业运营、投资研究、品牌传播等核心职能。
            </div>
        </div>
        <!-- 标题 End -->
        <div class="row my-3 justify-content-center">
            <div class="col-12 col-xl-2 wow fadeInUp text-center mb-3 mb-xl-0" data-wow-delay="0.1s">
                <img class="img-fluid avatar-main" src="/static/index/team-1-t.png" alt="">
            </div>
            <div class="col-12 col-xl-6 wow fadeInUp" data-wow-delay="0.1s">
                <div class="row text-dark">
                    <div class="fs-5 font-weight-bold mb-2">侯杰超 Antonio</div>
                    <div class="mb-2">义柏资本创始合伙人兼CEO</div>
                    <div class="mb-2">近15年科技产业化及产业科技化领域战略、投资、管理的复合经验</div>
                    <div class="mb-2">曾担任百度AI商用产品与解决方案
                        副总经理，智能服务业务部总经理，人工智能技术平台体系综合项目管理部总经理，移动事业群总经理特别助理&项目管理部总经理，是百度最年轻的总监级管理者
                    </div>
                    <div class="mb-2">曾在麦肯锡担任大中华区战略咨询顾问</div>
                    <div class="mb-2">北京大学光华管理学院金融学学士</div>
                </div>
            </div>
        </div>
        <div class="row mt-5 wow fadeInUp gy-5" data-wow-delay="0.1s">
            <div class="col-6 col-xl-2">
                <div class="team-container text-center text-dark">
                    <div class="img-avatar rounded-circle overflow-hidden">
                        <img class="img-fluid rounded-circle" src="/static/index/team-lym.jpg" alt="">
                    </div>
                    <div class="my-2 fs-5">李雨萌</div>
                    <div>合伙人</div>
                </div>
            </div>
            <div class="col-6 col-xl-2">
                <div class="team-container text-center text-dark">
                    <div class="img-avatar rounded-circle overflow-hidden">
                        <img class="img-fluid rounded-circle" src="/static/index/team-lym.jpg" alt="">
                    </div>
                    <div class="my-2 fs-5">李雨萌</div>
                    <div>合伙人</div>
                </div>
            </div>
            <div class="col-6 col-xl-2">
                <div class="team-container text-center text-dark">
                    <div class="img-avatar rounded-circle overflow-hidden">
                        <img class="img-fluid rounded-circle" src="/static/index/team-lym.jpg" alt="">
                    </div>
                    <div class="my-2 fs-5">李雨萌</div>
                    <div>合伙人</div>
                </div>
            </div>
            <div class="col-6 col-xl-2">
                <div class="team-container text-center text-dark">
                    <div class="img-avatar rounded-circle overflow-hidden">
                        <img class="img-fluid rounded-circle" src="/static/index/team-lym.jpg" alt="">
                    </div>
                    <div class="my-2 fs-5">李雨萌</div>
                    <div>合伙人</div>
                </div>
            </div>
            <div class="col-6 col-xl-2">
                <div class="team-container text-center text-dark">
                    <div class="img-avatar rounded-circle overflow-hidden">
                        <img class="img-fluid rounded-circle" src="/static/index/team-lym.jpg" alt="">
                    </div>
                    <div class="my-2 fs-5">李雨萌</div>
                    <div>合伙人</div>
                </div>
            </div>
            <div class="col-6 col-xl-2">
                <div class="team-container text-center text-dark">
                    <div class="img-avatar rounded-circle overflow-hidden">
                        <img class="img-fluid rounded-circle" src="/static/index/team-lym.jpg" alt="">
                    </div>
                    <div class="my-2 fs-5">李雨萌</div>
                    <div>合伙人</div>
                </div>
            </div>
            <div class="col-6 col-xl-2">
                <div class="team-container text-center text-dark">
                    <div class="img-avatar rounded-circle overflow-hidden">
                        <img class="img-fluid rounded-circle" src="/static/index/team-lym.jpg" alt="">
                    </div>
                    <div class="my-2 fs-5">李雨萌</div>
                    <div>合伙人</div>
                </div>
            </div>
        </div>
        <div class="text-center mt-5 wow fadeInUp" data-wow-delay="0.1s">
            <a href="team.html" class="text-dark" style="font-size: 14px">查看所有团队介绍...</a>
        </div>
    </div>
</div>
<!-- 团队 End -->

<!-- 新闻 -->
<div class="bg-new container-fluid py-5">
    <div class="container py-xl-5">
        <!-- 标题 -->
        <div class="pb-5 wow fadeInUp text-center" data-wow-delay="0.1s">
            <span class="part-title fs-5 text-dark">义柏服务</span>
            <div class="text-dark fs-6 mx-xl-5 px-xl-5">义柏资本为高端制造、材料科技、人工智能、汽车、能源科技、光电与AR产业链、机器人、生命科学、半导体、软件等企业，
                提供贯穿整个公司融资交易流程和关键战略发展阶段的深度服务，包括私募融资、并购、基金、产业落地等，同时提供产业资源链接、人才资源链接、专业服务链接等服务。
            </div>
        </div>
        <!-- 标题 End -->
        <div class="row mt-5 wow fadeInUp gy-4 gy-xl-0" data-wow-delay="0.1s">
            <div class="col-12 col-xl-4">
                <div class="news-card">
                    <div class="text-white ms-3">义柏客户评价</div>
                    <div id="newsSwiper" class="categories-carousel owl-carousel wow fadeInUp" data-wow-delay="0.1s">
                        <div class="categories-item mx-4 mt-4">
                            <div class="bg-logos p-4 d-flex flex-column align-items-center justify-content-center">
                                <img class="w-50" src="/static/index/apicloud-w.png" alt="">
                                <div class="text-white">就将计就计</div>
                            </div>
                            <div class="text-white my-3">
                                义柏资本在整个融资过程中展现了高度的专业性，他们兢兢业业的工作精神、专业的服务能力、对行业的深刻理解以及对融资节奏的精准把握等都让我们印象深刻，谢谢义柏团队！期待未来继续与义柏继续携手前行！
                            </div>
                            <div class="text-end text-white">
                                ——创邻科技CEO 张晨
                            </div>
                        </div>
                        <div class="categories-item mx-4 mt-4">
                            <div class="bg-logos p-4 d-flex flex-column align-items-center justify-content-center">
                                <img class="w-50" src="/static/index/apicloud-w.png" alt="">
                                <div class="text-white">就将计就计</div>
                            </div>
                            <div class="text-white my-3">
                                理解以及对融资节奏的精准把握等都让我们印象深刻，谢谢义柏团队！期待未来继续与义柏继续携手前行！
                                理解以及对融资节奏的精准把握等都让我们印象深刻，谢谢义柏团队！期待未来继续与义柏继续携手前行！
                            </div>
                            <div class="text-end text-white">
                                ——创邻科技CEO 张晨
                            </div>
                        </div>
                        <div class="categories-item mx-4 mt-4">
                            <div class="bg-logos p-4 d-flex flex-column align-items-center justify-content-center">
                                <img class="w-50" src="/static/index/apicloud-w.png" alt="">
                                <div class="text-white">就将计就计</div>
                            </div>
                            <div class="text-white my-3">
                                义柏资本在整个融资过程中展现了高度的专业性，他们兢兢业业的工作精神、专业的服务能力、对行业的深刻理解以及对融资节奏的精准把握等都让我们印象深刻，谢谢义柏团队！期待未来继续与义柏继续携手前行！
                            </div>
                            <div class="text-end text-white">
                                ——创邻科技CEO 张晨
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-xl-5 news-container">
                <div class="overflow-hidden" style="border-radius: .25rem">
                    <img class="img-fluid" src="/static/index/news1.jpg" alt="">
                    <a href="/detail.html">
                        <div class="news-item bg-white p-2 px-3 text-dark">
                            <div>
                                万A轮融资，义柏资本担任独家财务顾问
                            </div>
                            <div class="mt-3" style="color: #77797d;font-size: 12px">
                                <i class="bi bi-calendar3"></i>
                                <span>2024-07-15 14:43</span>
                            </div>
                        </div>
                    </a>

                    <div class="news-item bg-white p-2 px-3 text-dark">
                        <div>
                            义柏交易｜打造全球领先车用PTC材料，清柏资本担任独家财务顾问
                        </div>
                        <div class="mt-3" style="color: #77797d;font-size: 12px">
                            <i class="bi bi-calendar3"></i>
                            <span>2024-07-15 14:43</span>
                        </div>
                    </div>
                    <div class="news-item bg-white p-2 px-3 text-dark">
                        <div>
                            义柏交易｜打造全球领先车用PTC材料，清研皓隆获数千万A轮融资，义柏资本担任独家财务顾问
                        </div>
                        <div class="mt-3" style="color: #77797d;font-size: 12px">
                            <i class="bi bi-calendar3"></i>
                            <span>2024-07-15 14:43</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-xl-5 news-container d-none">
                <div class="overflow-hidden" style="border-radius: .25rem">
                    <img class="img-fluid" src="/static/index/news1.jpg" alt="">
                    <div class="news-item bg-white p-2 px-3 text-dark">
                        <div>
                            义柏交易｜打造全球担任独家财务顾问
                        </div>
                        <div class="mt-3" style="color: #77797d;font-size: 12px">
                            <i class="bi bi-calendar3"></i>
                            <span>2024-07-15 14:43</span>
                        </div>
                    </div>
                    <div class="news-item bg-white p-2 px-3 text-dark">
                        <div>
                            义柏交易顾问
                        </div>
                        <div class="mt-3" style="color: #77797d;font-size: 12px">
                            <i class="bi bi-calendar3"></i>
                            <span>2024-07-15 14:43</span>
                        </div>
                    </div>
                    <div class="news-item bg-white p-2 px-3 text-dark">
                        <div>
                            义柏交易｜打造全球领先车用PTC材料，清研皓隆获数千万A轮融资，义柏资本担任独家财务顾问
                        </div>
                        <div class="mt-3" style="color: #77797d;font-size: 12px">
                            <i class="bi bi-calendar3"></i>
                            <span>2024-07-15 14:43</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-xl-5 news-container d-none">
                <div class="overflow-hidden" style="border-radius: .25rem">
                    <img class="img-fluid" src="/static/index/news1.jpg" alt="">
                    <div class="news-item bg-white p-2 px-3 text-dark">
                        <div>
                            义柏交务顾问
                        </div>
                        <div class="mt-3" style="color: #77797d;font-size: 12px">
                            <i class="bi bi-calendar3"></i>
                            <span>2024-07-15 14:43</span>
                        </div>
                    </div>
                    <div class="news-item bg-white p-2 px-3 text-dark">
                        <div>
                            义柏交任独家财务顾问
                        </div>
                        <div class="mt-3" style="color: #77797d;font-size: 12px">
                            <i class="bi bi-calendar3"></i>
                            <span>2024-07-15 14:43</span>
                        </div>
                    </div>
                    <div class="news-item bg-white p-2 px-3 text-dark">
                        <div>
                            义柏资本担任独家财务顾问
                        </div>
                        <div class="mt-3" style="color: #77797d;font-size: 12px">
                            <i class="bi bi-calendar3"></i>
                            <span>2024-07-15 14:43</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 col-xl-2">
                <div class="card-new-bg mb-2 p-3 text-center active">
                    <span>义柏交易</span>
                    <a href="#">
                        <div class="text-dark d-none" style="font-size: 12px">了解更多 -></div>
                    </a>
                </div>
                <div class="card-new-bg mb-2 p-3 text-center">
                    <span>义柏交易</span>
                    <a href="#">
                        <div class="text-dark d-none" style="font-size: 12px">了解更多 -></div>
                    </a>
                </div>
                <div class="card-new-bg mb-2 p-3 text-center">
                    <span>义柏交易</span>
                    <a href="#">
                        <div class="text-dark d-none" style="font-size: 12px">了解更多 -></div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 新闻 End -->

<div id="footer"></div>
<script>
    $('#footer').load('/components/footer.html')
</script>

<!-- JavaScript Libraries -->
<script src="/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
<script>
    $(".card-new-bg").hover(function () {
        let index = $(this).index();
        $(".card-new-bg").removeClass("active")
        $(this).addClass("active")

        $(".news-container").addClass("d-none")
        $(".news-container").eq(index).removeClass("d-none")
    })
    let windowWidth = window.innerWidth;
    if (windowWidth < 992) {
        for (let i = 0; i < 3; i++) {
            $(".kehu-item").eq(i).removeClass("d-none")
        }
        $(".kehu-item .last").eq(2).addClass("d-none")
    } else {
        $(".kehu-item").removeClass("d-none")
    }
</script>
</body>

</html>
